<%@page import="ta.utils.PageInfo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@page import="java.util.List"%>
<%@page import="ta.pojo.Blog"%>
<%@page import="ta.dao.BlogDao"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 为移动设备添加 viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <!--忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>博客内容</title>
    <link rel="stylesheet" type="text/css" href="blogindex/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="blogindex/css/base.css" />
    <link rel="stylesheet" type="text/css" href="blogindex/css/index.css" />
    <script type="text/javascript" src="blogindex/js/html5shiv.min.js"></script>
    <script type="text/javascript" src="blogindex/js/respond.min.js"></script>
    <link rel="stylesheet" type="text/css" href="blogindex/css/media.css" />
    <style type="text/css">
        .news-detail{ padding-bottom:30px; }
        .news-detail img{ text-align: center; max-width: 100%;  display: block; margin:0px auto;}
        .page-box{border-top: 1px solid #f0f2f5; padding-top: 30px;}
        .page-box p{ display: inline-block; font-size: 16px; overflow: hidden;text-overflow:ellipsis; white-space:nowrap; }
        .page-box p:first-child{float: left;}
        .page-box p:last-child{float: right;}
    </style>

    <link rel="stylesheet" type="text/css" href="css/media.css" />


</head>

<body>
<!--导航-->
<nav class="navbar navbar-default navbar-fixed-top top-box">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <h1><a class="navbar-brand" href="#">
                T Z ’s blog
            </a></h1>
        </div>

        <div class="collapse navbar-collapse" >
            <ul class="nav navbar-nav navbar-right top-nav">
                <li class="active">
                    <a href="Index?type=getlist">
                        主页
                        <span class="sr-only">(current)</span>
                    </a>
                </li>
                <li>
                    <a href="admin.jsp">后台</a>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <img class="nav-user-photo" src="assets/images/avatars/user1.png" alt="Photo" />    <%=session.getAttribute("loginame") %> <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="Index?type=getlist2">个人主页</a></li>

                        <li><a href="Index?type=getlist1">注销</a></li>
                    </ul>
                </li>
                <li>
                    <a href="Index?type=getlist">写博客</a>
                </li>
                <li class="search_c"><a href="#">search <i class="glyphicon glyphicon-search"></i></a></li>
                <form>
                    <input type="text"  value=""  name="q"  class="form-control search" placeholder="请输入文章关键字或标题" >
                </form>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>
<!--/ 导航-->
<!--文章列表 -->
<div data-action="admin/" class="news">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-3 hidden-xs sidebar">
                <span class="open">展开栏目列表</span>
                <!--电脑端页面导航-->
                <ul>
                    <span title="关闭栏目列表" class="colse"></span>
                    <li class="sidebar-title">
                        <h3>博客</h3>
                        <p>BLOGS</p>
                    </li>
                    <li class="sidebar-item">
                        <a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;博客简介</a>
                    </li>
                    <li class="sidebar-item">
                        <a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;博客分类</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 right-content">
                <!--面包屑导航-->
                <ol class="breadcrumb bread">
                    <h4><span class="active"></span> 博客内容 <span class="active"></span></h4>
                </ol>

                <div class="news-detail">
                    <div class="news-detail-title">
                        <h2><a href="admin/BlogServlet?type=getbyid&blogid=${blog.blogid }">${blog.title }</a></h2>
                        <span><i class="glyphicon glyphicon-time"></i> <td>${blog.pubtime }</td></span>
                        <span><i class="glyphicon glyphicon-eye-open"></i>&nbsp;&nbsp;5321</span>
                        <span class=""><i class="glyphicon glyphicon-heart"></i>&nbsp;&nbsp;53</span>
                        <span class=""><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									作者:&nbsp;&nbsp;&nbsp;&nbsp;${blog.author }</td></span>
                    </div>
                    <div class="news-detail-content">
                        <td>${blog.content }</td>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<%--相关阅读--%>
<div class="xg">
    <div class="container">
        <div class="common-title">
            <h2>相关阅读</h2>
            <!-- 	<span>最新优惠的检查治疗项目</span>	 -->
        </div>
        <div class="row">
            <div class="col-sm-6" >
                <h4><a href="#">英特尔发精准医疗解决方案 推进24小时精准医疗1</a></h4>
                <p>英特尔在上海发布其在中国精准医疗领域的解决方案建议书，内容涉及创新解决方案、合作案例、参考架构推荐等，并提出“24小时精准医疗” 愿景...</p>
            </div>
            <div class="col-sm-6" >
                <h4><a href="#">英特尔发精准医疗解决方案 推进24小时精准医疗2</a></h4>
                <p>英特尔在上海发布其在中国精准医疗领域的解决方案建议书，内容涉及创新解决方案、合作案例、参考架构推荐等，并提出“24小时精准医疗” 愿景...</p>
            </div>
        </div>

    </div>
</div>

<div class="footer">
    <a href="#"> <i class="glyphicon glyphicon-user"></i></a>
    <a> &nbsp; </a>
    ‘s blog  ❤<a href="tel:0123456789"></a> <br/>

    © 2022 <a href="http://www.qywzmb.com/" target="_blank"></a>
</div>

<script type="text/javascript" src="blogindex/js/jquery.js"></script>
<script type="text/javascript" src="blogindex/js/bootstrap.js"></script>
<script type="text/javascript" src="blogindex/js/nav.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/nav.js"></script>

</body>

</html>
